$(function(){
 $('#loginBox a').on('click',function(){
  $('#loginBox').hide();
  $('#registerBox').show();
 });
 $('#registerBox a').on('click',function(){
  $('#loginBox').show();
  $('#registerBox').hide();
 })
  // 需求2 ： 自定义校验规则
  let form = layui.form
  form.verify({
     // 属性是规则名称，值可以是数组，或者是函数。
     pwd:[
      // 第一个值是校验规则
      /^[\S]{6,15}$/,
      // 报错信息
      "密码得长度为6-15个字符，且不能包含空格!"
     ],
     repwd:function(value){
          let pwd= $('#registerBox  [name=password]').val();
          if(value !==  pwd){
               return '输入得两次密码不一致'
          }
          
     }
     
  })
  // 需求3：注册(axios)
  let layer = layui.layer
  $('#form-reg').on('submit',function(e){
   e.preventDefault();
   axios({
    method:'POST',
    url:'/api/reguser',
    data:$('#form-reg').serialize()
   }).then((res) => {
    if(res.data.status !==0){
     return layer.msg(res.data.message);
    }
     layer.msg('恭喜您，注册用户成功');
     $('#form-reg')[0].reset();
     $('#registerBox a').click()
   })
  })

  $('#form-login').on('submit',function(e){
   e.preventDefault();
   axios({
    method:'POST',
    url:'/api/login',
    data:$('#form-login').serialize()
   }).then((res)=>{
    let obj = res.data;
    if(obj.status != 0){
     return layer.msg(obj.message);
    }
    layer.msg('恭喜您，登陆成功');
    location.href='/index.html';
    localStorage.setItem('token',obj.token);
   })
  })

})